<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/lib/lesson.css">
</head>
<body>
	<div class="top">
		<div class="container top-cont clearfix">
			<p class="fl">欢迎登陆北京市教师培训平台</p>
			<a class="fr" href="#">
				<i class="iconfont">&#xe601;</i>
				移动端客户端下载
			</a>
		</div>
	</div>
	<div class="header">
		<div class="container header-bar clearfix">
			<div class="navbar-header">
				<a href="#">
					<img src="images/icon/logo.png" alt="">
				</a>
			</div>
			<ul class="nav navbar-right">
				<li>
					<a href="#">
						<i class="iconfont">&#xe604;</i>
						短消息
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe602;</i>
						个人中心
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe603;</i>
						退出
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 内容区域 -->
	<div class="container clearfix">
		<!-- 左侧导航 -->
		<div class="navbar-left fl">
			<div class="head-name">
				<i class="angle"></i>
				<a class="head-mod iconfont" href="#">&#xe606;</a>
				<a class="head-name-a" href="#">
					<span class="head-name-img">
						<img src="http://p.nanrenwo.net/uploads/allimg/160113/8431-160113150025.jpg" alt="">
					</span>
					<span class="head-name-n">苍老师</span>
				</a>
			</div>
			<div class="navbar-cont">
				<div class="navbar-cont-attention clearfix">
					<a href="#">
						<em>156</em>
						<span>关注</span>
					</a>
					<a class="navbar-cont-attention-right" href="#">
						<em>186</em>
						<span>朋友</span>
					</a>
				</div>
				<ul class="nav-navlist" id="J_navlist">
					<li>
						<div class="op-tit2">
							<a class="addNavColor" href="#">
								<i class="iconfont">&#xe60c;</i>
								空间首页
							</a>
						</div>
					</li>
					<li class="selected">
						<div class="op-tit">
							<a href="javascript:;">
								<i class="iconfont">&#xe607;</i>
								个人档
							</a>
						</div>
						<dl class="list-item">
							<dd>
								<a href="#">
									<i class="iconfont">&#xe608;</i>
									我的作业
								</a>
							</dd>
							<dd>
								<a href="#">
									<i class="iconfont">&#xe60b;</i>
									我的资源
								</a>
							</dd>
							<dd>
								<a href="#">
									<i class="iconfont">&#xe60d;</i>
									我的成果
								</a>
							</dd>
							<dd>
								<a href="#">
									<i class="iconfont">&#xe60e;</i>
									我的话题
								</a>
							</dd>
							<dd>
								<a href="#">
									<i class="iconfont">&#xe60f;</i>
									我的消息
								</a>
							</dd>
						</dl>
					</li>
					<li>
						<div class="op-tit2">
							<a href="javascript:;">
								<i class="iconfont">&#xe60a;</i>
								我的项目
							</a>
						</div>
					</li>
					<li>
						<div class="op-tit2">
							<a href="javascript:;">
								<i class="iconfont">&#xe609;</i>
								互动社区
							</a>
						</div>
					</li>
					<li>
						<div class="op-tit2">
							<a href="javascript:;">
								<i class="iconfont">&#xe60b;</i>
								操作指南
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 左侧导航 end-->
		<!-- 中间内容 -->
		<div class="content">
			<div class="being">
				<h3>正在进行的项目</h3>
				<div class="being-pubr clearfix">
					<div class="being-pub">
						<h2>西城区中小学教师信息技术应用能力提升工程</h2>
						<div class="being-class">
							<span>
								所在班级：<em class="c2b7">16级（1）班</em>
							</span>
							<span>         
								班级人数：<em class="c2b7">100人</em>
							</span>
							<span>
								成员列表
							</span>
							<span>
								辅导教师：
								<em class="c2b7">辅导教师1</em>
								<em class="c2b7">辅导教师2</em>
							</span>
						</div>
						<div class="plan">
							<span>学习进度：</span>
							<span class="plan-jin">
								<i style="width:60%;"></i>
							</span>
							<em>60%</em>
						</div>
					</div>
					<div class="being-btn">
						<ul>
							<li>
								<a href="#">查看项目</a>
							</li>
							<li>
								<a href="#">进入班级</a>
							</li>
							<li>
								<a href="#">查看档案</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- lesson-tab -->
			<div class="lesson-tab">
				<!-- 第一级tab -->
				<ul class="lesson-tab-tit clearfix tab-tit">
					<li class="activity-tit">看课</li>
					<li>作业</li>
					<li>成果</li>
					<li>话题</li>
					<li>资源</li>
					<li>提问</li>
				</ul>
				<div class="tab-con">
					<div class="tabs lesson-tab-cont activity-con">
						<!-- 第二级tab -->
						<ul class="tab-tit">
							<li class="activity-tit">我的课程</li>
							<li>立即选课</li>
						</ul>
						<div class="tab-con">
							<div class="tabs activity-con">
								<!-- 无选课状态 
								<div class="no-take">
									<div class="take-war">
										<img src="images/icon/no-take.png" height="115" width="221" alt="">
										<a href="#">立即选课</a>
									</div>
								</div>-->
								<!-- 有课状态 -->
								<table class="tabs-table" >
									<thead>
										<tr>
											<th colspan="4">模块1</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>1</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
										<tr>
											<td>2</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
										<tr>
											<td>3</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
										<tr>
											<td>4</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
									</tbody>
								</table>
								<table class="tabs-table" >
									<thead>
										<tr>
											<th colspan="4">模块2</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>1</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
										<tr>
											<td>2</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
										<tr>
											<td>3</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
										<tr>
											<td>4</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
									</tbody>
								</table>
								<table class="tabs-table" >
									<thead>
										<tr>
											<th colspan="4">模块3</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>1</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
										<tr>
											<td>2</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
										<tr>
											<td>3</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
										<tr>
											<td>4</td>
											<td>我是课程标题~~~</td>
											<td>
												<span class="jiaz">
													<i class="jiaColor" style="width:60%"></i>
												</span>
												<span class="fa6">60%</span>
												<span>(<span class="c2b7">30分钟</span>)/45分钟</span>
											</td>
											<td>
												<a class="star" href="#">开始看课程</a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="tabs">
								<table class="tabs-table" >
									<thead>
										<tr>
											<th colspan="5">
												模块1
												<span class="f12 fa6">*必选≥3门课程12学时</span>
											</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												<input type="checkbox" id="" value="option1">
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
										<tr class="addTabBg">
											<td>
												<input type="checkbox" id="" value="option1" checked>
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
										<tr>
											<td>
												<input type="checkbox" id="" value="option1">
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
										<tr>
											<td>
												<input type="checkbox" id="" value="option1">
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
									</tbody>
								</table>
								<table class="tabs-table" >
									<thead>
										<tr>
											<th colspan="5">
												模块2
												<span class="f12 fa6">*必选≥3门课程12学时</span>
											</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												<input type="checkbox" id="" value="option1">
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
										<tr class="addTabBg">
											<td>
												<input type="checkbox" id="" value="option1" checked>
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
										<tr>
											<td>
												<input type="checkbox" id="" value="option1">
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
										<tr>
											<td>
												<input type="checkbox" id="" value="option1">
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
									</tbody>
								</table>
								<table class="tabs-table" >
									<thead>
										<tr>
											<th colspan="5">
												模块3
												<span class="f12 fa6">*必选≥3门课程12学时</span>
											</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												<input type="checkbox" id="" value="option1">
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
										<tr class="addTabBg">
											<td>
												<input type="checkbox" id="" value="option1" checked>
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
										<tr>
											<td>
												<input type="checkbox" id="" value="option1">
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
										<tr>
											<td>
												<input type="checkbox" id="" value="option1">
											</td>
											<td>我是课程标题~~~</td>
											<td>
												<span><span class="fa6">1113</span>人选学</span>
											</td>
											<td>
												课程时长：45分钟
											</td>
											<td>
												<a class="star stars openPopes" href="javascript:;">详情</a>
											</td>
										</tr>
									</tbody>
								</table>
								<div class="sub">
									<a class="subm" href="#">确定</a>
									<a class="undo" href="#">取消</a>
								</div>
							</div>
						</div><!-- 第二级tab end-->
					</div>
					<!-- 作业 -->
					<div class="tabs lesson-tab-cont">
						<ul class="tab-tit">
							<li class="activity-tit">我的作业</li>
							<li>全部</li>
						</ul>
						<div class="tab-con">
							<div class="tabs activity-con">
								<table class="tabs-table">
									<thead>
										<tr class="tit-conter">
											<th colspan="2">作业题目</th>
											<th>提交时间</th>
											<th>点评情况 </th>
											<th>推荐情况</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												<span class="zi wei">未</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>未点评</td>
											<td>未推荐</td>
											<td>
												<a class="f39 openPop" href="javascript:;">写作业</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi yi">已</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>未点评</td>
											<td>未推荐</td>
											<td>
												<a class="f39 openPop" href="javascript:;">编辑</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi ping">评</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>
												<a class="a28" href="#">查看点评</a>
											</td>
											<td>未推荐</td>
											<td>
												<a class="cf36" href="#">查看</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi juan">荐</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>
												<a class="a28" href="#">查看点评</a>
											</td>
											<td>
												<a class="cf75" href="#">已推荐</a>
											</td>
											<td>
												<a class="cf36" href="#">查看</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi wei">未</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>未点评</td>
											<td>未推荐</td>
											<td>
												<a class="f39 openPop" href="javascript:;">写作业</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi yi">已</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>未点评</td>
											<td>未推荐</td>
											<td>
												<a class="f39 openPop" href="javascript:;">编辑</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi ping">评</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>
												<a class="a28" href="#">查看点评</a>
											</td>
											<td>未推荐</td>
											<td>
												<a class="cf36" href="#">查看</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi juan">荐</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>
												<a class="a28" href="#">查看点评</a>
											</td>
											<td>
												<a class="cf75" href="#">已推荐</a>
											</td>
											<td>
												<a class="cf36" href="#">查看</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi yi">已</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>
												<a class="a28" href="#">查看点评</a>
											</td>
											<td>
												<a class="cf75" href="#">已推荐</a>
											</td>
											<td>
												<a class="cf36" href="#">查看</a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="tabs">
								<table class="tabs-table">
									<thead>
										<tr class="tit-conter">
											<th colspan="2">作业题目</th>
											<th>提交时间</th>
											<th>作者</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												<span class="zi juan">荐</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>作者名</td>
											<td>
												<a class="cf36" href="#">查看</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi ping">评</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>作者名</td>
											<td>
												<a class="cf36" href="#">查看</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi yi">已</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>作者名</td>
											<td>
												<a class="f39 openPop" href="javascript:;">编辑</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi juan">荐</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>作者名</td>
											<td>
												<a class="cf36" href="#">查看</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi ping">评</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>作者名</td>
											<td>
												<a class="cf36" href="#">查看</a>
											</td>
										</tr>
										<tr>
											<td>
												<span class="zi yi">已</span>
											</td>
											<td>我是作业标题~~~</td>
											<td>2016-01-29</td>
											<td>作者名</td>
											<td>
												<a class="f39 openPop" href="javascript:;">编辑</a>
											</td>
										</tr>
									</tbody>
								</table>
								<div class="nav-p text-right">
									<ul class="pagination">
										<li>
											<a href="#" aria-label="Previous">
												<span aria-hidden="true">上一页</span>
											</a>
										</li>
										<li class="active">
											<a href="#">1</a>
										</li>
										<li>
											<a href="#">2</a>
										</li>
										<li>
											<a href="#">...</a>
										</li>
										<li>
											<a href="#">4</a>
										</li>
										<li>
											<a href="#">5</a>
										</li>
										<li>
											<a href="#" aria-label="Next">
												<span aria-hidden="true">下一页</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div><!-- 作业 end-->
					<div class="tabs lesson-tab-cont">
						成果
					</div>
					<!-- 话题 -->
					<div class="tabs lesson-tab-cont">
						<ul class="tab-tit">
							<li class="activity-tit">我发起的话题</li>
							<li>我参与的话题</li>
							<li>全部</li>
						</ul>
						<div class="tab-con">
							<div class="tabs activity-con">
								<div class="publish-table">
									<p class="text-right">
										<a class="btn btn-cyan" href="#">发表话题</a>
									</p>
									<table class="publish-table-body">
										<thead>
											<tr>
												<th>标题</th>
												<th>发表时间</th>
												<th>回复/浏览</th>
												<th>最后发表</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
													<a href="#" class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</a>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<a href="#" class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</a>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<a href="#" class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</a>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<a href="#" class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</a>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<a href="#" class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</a>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<a href="#" class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</a>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<a href="#" class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</a>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<a href="#" class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</a>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
										</tbody>
									</table>
									<div class="nav-p text-right">
										<ul class="pagination">
											<li>
												<a href="#" aria-label="Previous">
													<span aria-hidden="true">上一页</span>
												</a>
											</li>
											<li class="active">
												<a href="#">1</a>
											</li>
											<li>
												<a href="#">2</a>
											</li>
											<li>
												<a href="#">...</a>
											</li>
											<li>
												<a href="#">4</a>
											</li>
											<li>
												<a href="#">5</a>
											</li>
											<li>
												<a href="#" aria-label="Next">
													<span aria-hidden="true">下一页</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="tabs">
								<div class="publish-table">
									<p class="text-right">
										<a class="btn btn-cyan" href="#">发表话题</a>
									</p>
									<table class="publish-table-body">
										<thead>
											<tr>
												<th>标题</th>
												<th>作者</th>
												<th>发表时间</th>
												<th>回复/浏览</th>
												<th>最后发表</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
													<span class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</span>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>苍老师</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<span class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</span>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>苍老师</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<span class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</span>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>苍老师</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<span class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</span>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>苍老师</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<span class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</span>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>苍老师</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<span class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</span>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>苍老师</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
											<tr>
												<td>
													<span class="tit-text">我是标题标题标题标题标题标题题标题标题题标题标题...</span>
													<a class="zi ding" href="#">顶</a>
													<a class="zi jing" href="#">静</a>
													<a class="hf" href="#">班主任回复</a>
												</td>
												<td>苍老师</td>
												<td>2016-01-29</td>
												<td><span class="fa6">156</span>/501</td>
												<td>
													<em class="c999">2016-01-31 </em>
													<span>by:罗晓程</span>
												</td>
											</tr>
										</tbody>
									</table>
									<div class="nav-p text-right">
										<ul class="pagination">
											<li>
												<a href="#" aria-label="Previous">
													<span aria-hidden="true">上一页</span>
												</a>
											</li>
											<li class="active">
												<a href="#">1</a>
											</li>
											<li>
												<a href="#">2</a>
											</li>
											<li>
												<a href="#">...</a>
											</li>
											<li>
												<a href="#">4</a>
											</li>
											<li>
												<a href="#">5</a>
											</li>
											<li>
												<a href="#" aria-label="Next">
													<span aria-hidden="true">下一页</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="tabs">c</div>
						</div>
					</div><!-- 话题 end-->
					<!-- 资源 -->
					<div class="tabs lesson-tab-cont">
						<ul class="tab-tit">
							<li class="activity-tit">我的资源</li>
							<li>全部</li>
						</ul>
						<div class="tab-con">
							<div class="tabs lesson-tab-cont activity-con">
								<div class="resource">
									<dl class="resource-dl">
										<dt>
											<strong>资源类型：</strong>
										</dt>
										<dd>
											<a class="addRes" href="#">不限</a>
										</dd>
										<dd>
											<a href="#">教学课件</a>
										</dd>
										<dd>
											<a href="#">参考资料</a>
										</dd>
										<dd>
											<a href="#">微课程</a>
										</dd>
									</dl>
									<dl class="resource-dl">
										<dt>
											<strong>媒体类型：</strong>
										</dt>
										<dd>
											<a href="#">不限</a>
										</dd>
										<dd>
											<a href="#">图像</a>
										</dd>
										<dd>
											<a href="#">视频</a>
										</dd>
										<dd>
											<a href="#">文本</a>
										</dd>
										<dd>
											<a class="addRes" href="#">参考资料</a>
										</dd>
										<dd>
											<a href="#">微课程</a>
										</dd>
									</dl>
								</div>
								<div class="upload">
									<a class="btn btn-orange openPops" href="javascript:;">上传资源</a>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
											<a href="#">编辑</a>
											<a href="#">删除</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-jpg" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
											<a href="#">编辑</a>
											<a href="#">删除</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-doc" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
											<a href="#">编辑</a>
											<a href="#">删除</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-txt" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
											<a href="#">编辑</a>
											<a href="#">删除</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-xls" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
											<a href="#">编辑</a>
											<a href="#">删除</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-ppt" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
											<a href="#">编辑</a>
											<a href="#">删除</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-avi" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
											<a href="#">编辑</a>
											<a href="#">删除</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-pdv" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
											<a href="#">编辑</a>
											<a href="#">删除</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-fla" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
											<a href="#">编辑</a>
											<a href="#">删除</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="nav-p text-right">
									<ul class="pagination">
										<li>
											<a href="#" aria-label="Previous">
												<span aria-hidden="true">上一页</span>
											</a>
										</li>
										<li class="active">
											<a href="#">1</a>
										</li>
										<li>
											<a href="#">2</a>
										</li>
										<li>
											<a href="#">...</a>
										</li>
										<li>
											<a href="#">4</a>
										</li>
										<li>
											<a href="#">5</a>
										</li>
										<li>
											<a href="#" aria-label="Next">
												<span aria-hidden="true">下一页</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="tabs lesson-tab-cont">
								<div class="resource">
									<dl class="resource-dl">
										<dt>
											<strong>资源类型：</strong>
										</dt>
										<dd>
											<a class="addRes" href="#">不限</a>
										</dd>
										<dd>
											<a href="#">教学课件</a>
										</dd>
										<dd>
											<a href="#">参考资料</a>
										</dd>
										<dd>
											<a href="#">微课程</a>
										</dd>
									</dl>
									<dl class="resource-dl">
										<dt>
											<strong>媒体类型：</strong>
										</dt>
										<dd>
											<a href="#">不限</a>
										</dd>
										<dd>
											<a href="#">图像</a>
										</dd>
										<dd>
											<a href="#">视频</a>
										</dd>
										<dd>
											<a href="#">文本</a>
										</dd>
										<dd>
											<a class="addRes" href="#">参考资料</a>
										</dd>
										<dd>
											<a href="#">微课程</a>
										</dd>
									</dl>
								</div>
								<div class="upload">
									<a class="btn btn-orange openPops" href="javascript:;">上传资源</a>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-jpg" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-doc" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-txt" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-xls" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-ppt" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-avi" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-pdv" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="media media-list">
									<div class="media-left media-middle">
										<a class="gesh gesh-fla" href="#"></a>
									</div>
									<div class="media-body media-body-re">
										<div class="media-btns">
											<a href="#">查看</a>
										</div>
										<h3 class="media-heading">我是资源标题~~~</h3>
										<p><strong>上传日期：</strong>2016-01-21</p>
										<p><strong>资源信息：</strong>资源类型/媒体类型</p>
										<p>评论：<span class="f39">1156</span> 下载：<span class="f39">1456</span>    浏览：<span class="f39">1564</span></p>
									</div>
								</div>
								<div class="nav-p text-right">
									<ul class="pagination">
										<li>
											<a href="#" aria-label="Previous">
												<span aria-hidden="true">上一页</span>
											</a>
										</li>
										<li class="active">
											<a href="#">1</a>
										</li>
										<li>
											<a href="#">2</a>
										</li>
										<li>
											<a href="#">...</a>
										</li>
										<li>
											<a href="#">4</a>
										</li>
										<li>
											<a href="#">5</a>
										</li>
										<li>
											<a href="#" aria-label="Next">
												<span aria-hidden="true">下一页</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- 提问 -->
					<div class="tabs lesson-tab-cont">
						<ul class="tab-tit">
							<li class="activity-tit">全部</li>
							<li>我的提问</li>
						</ul>
						<div class="tab-con">
							<div class="tabs lesson-tab-cont activity-con">
								<div class="textara">
									<div class="shuo"></div>
									<form action="">
										<div class="form-group">
											<textarea name="" id="" cols="30" rows="10" class="form-control" placeholder="输入您的内容..."></textarea>
										</div>
										<div class="form-group text-right">
											<button type="submit" class="btn btn-cyan">发表</button>
										</div>
									</form>
								</div>
								<div class="answers">
									<div class="answers-name clearfix">
										<strong>韩春华</strong>
										<span>(北京师范大学)</span> 
										<em class="c999">2016-01-21  10:36</em>
									</div>
									<div class="ask">
										<table class="ask-table">
											<tr>
												<td>
													<span class="ask-zi wen">
														问
														<i class="triangle-right"></i>
													</span>
												</td>
												<td>
													老师，我买书的时候不懂，以为书都是大同小异，我在淘宝上买了中公教育的书，但您讲课的时候，很多内容都不一样，这让的很困恼，怎么办？ 
												</td>
											</tr>
											<tr>
												<td>
													<span class="ask-zi wen ask-zi-red">
														答
														<i class="triangle-right riangle-red"></i>
													</span>
												</td>
												<td>
													<span class="cf75">张老师：</span>
													<span class="c999">您好！正常是有声音和画面的，我们这边测试是没有问题的，您在看一下，如果还是有问题的话可以联系我们的客服帮助您处理,谢谢。</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="answers">
									<div class="answers-name clearfix">
										<strong>韩春华</strong>
										<span>(北京师范大学)</span> 
										<em class="c999">2016-01-21  10:36</em>
									</div>
									<div class="ask">
										<table class="ask-table">
											<tr>
												<td>
													<span class="ask-zi wen">
														问
														<i class="triangle-right"></i>
													</span>
												</td>
												<td>
													老师，我买书的时候不懂，以为书都是大同小异，我在淘宝上买了中公教育的书，但您讲课的时候，很多内容都不一样，这让的很困恼，怎么办？ 
												</td>
											</tr>
											<tr>
												<td>
													<span class="ask-zi wen ask-zi-wei">
														未
														<i class="triangle-right riangle-wei"></i>
													</span>
												</td>
												<td>
													<span class="c999">老师较忙，稍后给您解答...</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="answers">
									<div class="answers-name clearfix">
										<strong>韩春华</strong>
										<span>(北京师范大学)</span> 
										<em class="c999">2016-01-21  10:36</em>
									</div>
									<div class="ask">
										<table class="ask-table">
											<tr>
												<td>
													<span class="ask-zi wen">
														问
														<i class="triangle-right"></i>
													</span>
												</td>
												<td>
													老师，我买书的时候不懂，以为书都是大同小异，我在淘宝上买了中公教育的书，但您讲课的时候，很多内容都不一样，这让的很困恼，怎么办？ 
												</td>
											</tr>
											<tr>
												<td>
													<span class="ask-zi wen ask-zi-red">
														答
														<i class="triangle-right riangle-red"></i>
													</span>
												</td>
												<td>
													<span class="cf75">张老师：</span>
													<span class="c999">您好！正常是有声音和画面的，我们这边测试是没有问题的，您在看一下，如果还是有问题的话可以联系我们的客服帮助您处理,谢谢。</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="answers">
									<div class="answers-name clearfix">
										<strong>韩春华</strong>
										<span>(北京师范大学)</span> 
										<em class="c999">2016-01-21  10:36</em>
									</div>
									<div class="ask">
										<table class="ask-table">
											<tr>
												<td>
													<span class="ask-zi wen">
														问
														<i class="triangle-right"></i>
													</span>
												</td>
												<td>
													老师，我买书的时候不懂，以为书都是大同小异，我在淘宝上买了中公教育的书，但您讲课的时候，很多内容都不一样，这让的很困恼，怎么办？ 
												</td>
											</tr>
											<tr>
												<td>
													<span class="ask-zi wen ask-zi-wei">
														未
														<i class="triangle-right riangle-wei"></i>
													</span>
												</td>
												<td>
													<span class="c999">老师较忙，稍后给您解答...</span>
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="nav-p text-right">
									<ul class="pagination">
										<li>
											<a href="#" aria-label="Previous">
												<span aria-hidden="true">上一页</span>
											</a>
										</li>
										<li class="active">
											<a href="#">1</a>
										</li>
										<li>
											<a href="#">2</a>
										</li>
										<li>
											<a href="#">...</a>
										</li>
										<li>
											<a href="#">4</a>
										</li>
										<li>
											<a href="#">5</a>
										</li>
										<li>
											<a href="#" aria-label="Next">
												<span aria-hidden="true">下一页</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="tabs lesson-tab-cont">b</div>
						</div>
					</div><!-- 提问 end-->
				</div>
			</div>
		</div>
	</div>
	<!-- 详情弹窗 -->
	<div class="popupes">
		<div class="popup-cont" style="overflow-y: auto;">
			<h3 class="text-center por">
				<i class="iconfont close">&#xe610;</i>
				课程详情
			</h3>
			<div class="task-tit">
				<div class="media media-list">
					<div class="media-left media-middle text-center">
						<a class="gesh-ke" href="#">
							<img src="http://www.bz55.com/uploads/allimg/121023/1-121023113H9.jpg" alt="">
						</a>
					</div>
					<div class="media-body media-body-re">
						<p><strong>课程名称：</strong>中级财务会计（一）</p>
						<p><strong>课&emsp;&emsp;时：</strong>3学时</p>
						<p><strong>适合学段：</strong>小学</p>
						<p><strong>选学人数：</strong>50</p>
					</div>
				</div>
			</div>
			<div class="lecturer">
				<h4>讲师介绍：</h4>
				<ul class="popupes-ul">
					<li>
						<a href="#">
							<div class="media">
								<div class="media-left media-middle">
									<span class="pop-head">
										<img src="http://www.mm4493.com/d/file/p/2016-01-04/099007bcd1c9a3c4622395b2d11c4a6c.jpg" alt="">
									</span>
								</div>
								<div class="media-body">
									<h4 class="media-heading">段玉凤</h4>
									中国人民大学教授，职业教师培训导师，拥有多年培训经验及心得。
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="media">
								<div class="media-left media-middle">
									<span class="pop-head">
										<img src="http://www.mm4493.com/d/file/p/2016-01-04/099007bcd1c9a3c4622395b2d11c4a6c.jpg" alt="">
									</span>
								</div>
								<div class="media-body">
									<h4 class="media-heading">段玉凤</h4>
									中国人民大学教授，职业教师培训导师，拥有多年培训经验及心得。
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="media">
								<div class="media-left media-middle">
									<span class="pop-head">
										<img src="http://www.mm4493.com/d/file/p/2016-01-04/099007bcd1c9a3c4622395b2d11c4a6c.jpg" alt="">
									</span>
								</div>
								<div class="media-body">
									<h4 class="media-heading">段玉凤</h4>
									中国人民大学教授，职业教师培训导师，拥有多年培训经验及心得。
								</div>
							</div>
						</a>
					</li>
				</ul>
				<h4>课程介绍：</h4>
				<p>
					我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍我是课程介绍。
				</p>
			</div>
		</div>
	</div>
	<!-- 作业弹窗 -->
	<div class="popup">
		<div class="popup-cont">
			<h3 class="text-center por">
				<i class="iconfont close">&#xe610;</i>
				写作业
			</h3>
			<div class="task-tit">
				<p>
					<strong>作业题目：</strong>
					根据模块1学习内容完成以下作业
				</p>
				<p class="clearfix">
					<strong class="fl">作业要求：</strong>
					<span class="fr" style="width:630px;">根据模块1学习内容完成以下作业根据模块1学习内容完成以下作业根据模块1学习内容完成以下作业根据模块1学习内容完成以下作业根据模块1学习内容完成以下作业根据模块1学习内容完成以下作业根据模块1学习内容完成以下作业根据模块1学习内容完成以下作业
					</span>
				</p>
			</div>
			<div class="task-form">
				<form action="" class="form-inline">
					<table class="pop-table">
						<tr>
							<td>
								<strong>标&emsp;题：</strong>
							</td>
							<td>
								<div class="form-group">
									<input type="text" class="form-control input-xlarge">
									<span class="f12">您还可以输入50个字符，25个汉字</span>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<strong>附&emsp;件：</strong>
							</td>
							<td>
								<input type="file">
								<span class="f12">
									<span class="fa6">*</span>
										支持格式：doc/docx，xls/xlsx,ppt/pptx,txt,pdf,rar,zip,大小不能超过10M
								</span>
							</td>
						</tr>
						<tr>
							<td style="vertical-align:text-top;">
								<strong>内&emsp;容：</strong>
							</td>
							<td>
								<textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
							</td>
						</tr>
						<tr>
							<td style="text-align: center;" colspan="2">
								<button type="button" class="btn btn-orange">保存</button>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
	<!-- 上传资源弹窗 -->
	<div class="popups">
		<div class="popup-cont">
			<h3 class="text-center por">
				<i class="iconfont close">&#xe610;</i>
				上传资源
			</h3>
			<div class="task-form">
				<form action="" class="form-inline">
					<table class="pop-table">
						<tr>
							<td>
								<strong>标&emsp;题：</strong>
							</td>
							<td>
								<div class="form-group">
									<input type="text" class="form-control input-xlarge">
									<input type="file">
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2" style="text-align:left;">
								<span class="f12">
									<span class="fa6">*</span>
										文件格式*.doc;*.docx;*.ppt;*.pptx;*.xls;*.xlsx;*.flv;*.swf;*.mp4;*.rmvb;*.rm;*.wmv;*.mp3;*.wma;.jpg;*.png;*.gif;
								</span>
							</td>
						</tr>
						<tr>
							<td>
								<strong>关键字：</strong>
							</td>
							<td>
								<input style="width:100%;" type="text" class="form-control">
							</td>
						</tr>
						<tr>
							<td style="vertical-align:text-top;">
								<strong>描&emsp;述：</strong>
							</td>
							<td>
								<textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
							</td>
						</tr>
						<tr>
							<td>
								<strong>类&emsp;型：</strong>
							</td>
							<td>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
							</td>
						</tr>
						<tr>
							<td>
								<strong>媒体类型：</strong>
							</td>
							<td>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
								<laber class="radio-inline">
									<input type="radio" value="">
									教学设计
								</laber>
							</td>
						</tr>
						<tr>
							<td style="text-align: center;" colspan="2">
								<button type="button" class="btn btn-cyan mr20">确定</button>
								<button type="button" class="btn btn-default">取消</button>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="footer-cont container">
			<ul>
				<li>
					<a href="#">关于我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">联系我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站地图</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站声明</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">友情链接</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">帮助中心</a>
				</li>
			</ul>
			<p>版权所有 2015 ©北京思纽教育科技有限公司  京ICP备1006888号</p>
		</div>
	</div>
<script type="text/javascript" src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$("body").on("click",".tab-tit li",function(){
		var $this = $(this),
		 	$tabs = $this.closest('.tab-tit').siblings(".tab-con").children('.tabs');
		$this.addClass('activity-tit').siblings().removeClass('activity-tit');
		$tabs.removeClass('activity-con');
		$tabs.eq($this.index()).addClass('activity-con');
	})

	pop();
	pop2();
	pop3();
});
function pop(){
	$('.openPop').on('click',function(){
		$('.popup').show();
	})
	$('.popup-cont .close').on('click',function(){
		$('.popup').hide();
	})
}
function pop2(){
	$('.openPops').on('click',function(){
		$('.popups').show();
	})
	$('.popup-cont .close').on('click',function(){
		$('.popups').hide();
	})
}
function pop3(){
	$('.openPopes').on('click',function(){
		$('.popupes').show();
	})
	$('.popup-cont .close').on('click',function(){
		$('.popupes').hide();
	})
}
</script>
</body>
</html>